:global {
    .nav .dropdown-toggle.btn {
        background-color: inherit !important;
        color: inherit !important;
        border: none !important;
        @media (min-width: 769px) {
            height: 100%;
        }
        &:active,
        &:focus {
            box-shadow: none;
        }
    }
    // [Origin] https://getbootstrap.com/docs/4.5/examples/cover/cover.css

    .nav-masthead .nav-link {
        padding: 0.25rem 0;
        opacity: 0.5;
        border-bottom: 2px solid transparent;
        &:hover,
        &:focus,
        &.active {
            opacity: 1;
            border-bottom-color: inherit;
        }
        & + .nav-link {
            margin-left: 1rem;
        }
    }
    // [Origin] https://getbootstrap.com/docs/4.5/examples/offcanvas/offcanvas.css

    .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
        .nav {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            padding-bottom: 1rem;
            margin-top: -1px;
            overflow-x: auto;
            color: rgba(255, 255, 255, 0.75);
            text-align: center;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }
    }
    .nav-underline {
        .nav-link {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            font-size: 0.875rem;
            color: #6c757d;
            &:hover {
                color: #007bff;
            }
        }
        .active {
            font-weight: 500;
            color: #343a40;
        }
    }
}
